@import "variables";
@import "mixins";


footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: color(white);
  @include box-shadow(0px 1px 8.1px 0.9px rgba(0, 0, 0, 0.24));
  z-index: zIndex(footer);

  ul {
    @include display-flex;
    width: 100%;
    height: 100%;
    > li {
      @include flex(1);
      a {
        display: block;
        width: 100%;
        height: $footer-nav-height;
        line-height: $footer-nav-height;
        color: color(white) !important;
        font-size: 15px;
        text-align: center;
        background-color: $footer-nav-bg-color;
      }
      &.active a {
        background-color: $footer-nav-bg-color-active;
      }
    }
  }
}


footer ~ .container-fluid {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  margin-bottom: $footer-nav-height;
}
